<template>
  <div class="defaultEmpty">
		<div>
            <nut-image
                    class="image-empty"
						:src="getAssetsImages('home/groupLink', 'defaultRecord.png')"
					></nut-image>
                    <div class="txt">
                        <slot ></slot>
                    </div>
        </div>
					 
	 </div>
</template>

<script lang='ts' setup>
import { reactive,toRefs,onBeforeMount,onMounted,ref} from 'vue'
import { getAssetsImages } from '@/utils/utils'
</script>
<style scoped lang='scss'>
 .defaultEmpty{
    width:100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    .image-empty{
        display: block;
        width:320px;
        margin:0 auto;
    }
   .txt{
    color:#999999;
    font-size:30px;
    text-align: center;
   }
 }
</style>